<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米官网</title>
		<!-- <style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}

			nav {
				margin: 10px 0 10px 40px;
			}

			a {
				text-decoration: none;
				list-style: none;
				color: #B0B0B0;
				padding: 0 10px;
			}

			.daohantiao {
				background-color: #333333;
				width: 100%;
				height: 40px;
				position: absolute;
				top: 0;
			}

			.daohantiao li a{
				list-style: none;
				display: inline;
			}

			.daohantiao1 a:hover {
				color: #fff;
			}

			.daohantiao2 {
				position: absolute;
				top: 10px;
				right: 40px;
			}

			.daohantiao2 li {
				list-style: none;
				display: inline-block;
				width: auto;
				height: auto;
				display: inline-block;
			}

			.daohantiao2 a:hover {
				color: #fff;
			}

			.sousuolan {
				overflow: hidden;
				width: 100%;
				height: 200px;
				background: #FFFFFF;
			}

			.logo {
				position: absolute;
				top: 100px;
				left: 100px;
				background-color: #FF6700;
				width: 80px;
				height: 80px;
			}

			img {
				padding: 16px;
			}

			nav {
				display: inline-block;
				color: #FFFFFF;
				width: 600px;
				height: 100px;
			}

			.nav-item:hover {
				color: aquamarine;
			}
		</style> -->
	</head>
	<body>
		<div class="daohantiao">
			<nav>
				<li class="daohantiao1"><a href="#">小米商场</a></li>
				<li class="daohantiao1"><a href="#">MIUI</a></li>
				<li class="daohantiao1"><a href="#">loT</a></li>
				<li class="daohantiao1"><a href="#">云服务</a></li>
				<li class="daohantiao1"><a href="#">金融</a></li>
				<li class="daohantiao1"><a href="#">有品</a></li>
				<li class="daohantiao1"><a href="#">小爱开放平台</a></li>
				<li class="daohantiao1"><a href="#">企业团购</a></li>
				<li class="daohantiao1"><a href="#">资质证照</a></li>
				<li class="daohantiao1"><a href="#">协议规则</a></li>
				<li class="daohantiao1"><a href="#">下载app</a></li>
				<li class="daohantiao1"><a href="#">下载SelectLocation</a></li>
			</nav>
			<div class="daohantiao2">
				<nav>
					<li><a href="#">登录</a></li>
					<li><a href="#">注册</a></li>
					<li><a href="#">消息通知</a></li>
					<li><a href="#">购物车</a></li>
				</nav>
			</div>
		</div>
		<div class="sousuolan">
			<div class="logo">
				<img src="http://s02.mifile.cn/assets/static/image/mi-logo.png" />
			</div>
			<nav>
				<li class="nav-item">首页</li>
				<li class="nav-item">新闻</li>
				<li class="nav-item">娱乐</li>
				<li class="nav-item">体育</li>
				<li class="nav-item">热门</li>
			</nav>
		</div>
	</body>
</html>
